<x-theme [(ngModel)]="model" showDark></x-theme>
<div class="row">
  <x-button>default</x-button>
  <x-button type="primary">primary</x-button>
  <x-button type="success">success</x-button>
  <x-button type="warning">warning</x-button>
  <x-button type="danger">danger</x-button>
  <x-button type="info">info</x-button>
</div>
<div class="row">
  <x-button plain>plain</x-button>
  <x-button type="primary" plain>primary</x-button>
  <x-button type="success" plain>success</x-button>
  <x-button type="warning" plain>warning</x-button>
  <x-button type="danger" plain>danger</x-button>
  <x-button type="info" plain>info</x-button>
</div>
